Publicado em 20 de maio de 2025
No Google I/O 2025, apresentamos novos recursos para turbinar sua produtividade e ajudar você a criar uma Web mais poderosa, integrada e moderna.
Confira 10 inovações importantes que colocam recursos de última geração diretamente nas suas mãos e que vão inspirar seu próximo projeto.
1. Criar carrosséis ficou mais fácil do que nunca com algumas linhas de CSS e HTML.
Crie belos carrosséis com CSS que são interativos na primeira pintura. O Chrome 135 introduziu novas primitivas CSS: fragmentação estilizável, elementos de marcador de rolagem e botões de rolagem, simplificando a criação de carrossel sem JavaScript. Use conceitos CSS conhecidos para criar carrosséis avançados, interativos, suaves e mais acessíveis em uma fração do tempo.
2. Pop-ups declarativos: introdução à nova API Interest Invoker
A API Interest Invoker experimental está disponível como um
teste de origem.
Com esse recurso, você pode alternar os pop-ups de forma declarativa quando o interesse do visitante
está ativo por um curto período. Adeus, atributo
[title] sem estilo; olá,
[interesttarget]! Combine-a com a
API Anchor Positioning e a
API Popover
para criar
elementos de interface ricos, responsivos e interativos, como dicas de ferramentas ou cards de passagem do cursor,
sem JavaScript. As possibilidades são infinitas com o CSS moderno.
3. Várias APIs de IA integradas que usam modelos líderes, como o Gemini Nano, estão disponíveis e agora apresentam recursos multimodais na API Prompt.
Nossa jornada de IA integrada continua, trazendo privacidade aprimorada, latência e custo reduzidos, além de acesso a saídas de alta qualidade criadas por IA. A IA integrada usa modelos de especialistas e o Gemini Nano, o modelo mais eficiente do Google, para tarefas no dispositivo. A partir do Chrome 138, a API Summarizer, a API Language Detector, a API Translator e a API Prompt para extensões do Chrome estão disponíveis na versão estável. Além disso, as APIs Writer e Rewriter estão disponíveis nos testes de origem.
A nova API Proofreader e a API Prompt com recursos multimodais estão disponíveis no Chrome Canary.
Para conferir as informações mais recentes, participe do nosso programa de pré-lançamento para colaborar com novas APIs de IA integradas e moldar o futuro da IA na Web.
4. A IA do lado do cliente é ampliada com o Firebase e a API Gemini Developer para oferecer uma solução híbrida de IA
Nossa colaboração com o Firebase e a API Gemini Developer significa que agora você pode criar experiências da Web com tecnologia de IA em dispositivos móveis e computadores. Esses aplicativos usam IA do lado do cliente sempre que possível e são dimensionados perfeitamente para a IA do lado do servidor para alcançar todos os dispositivos e navegadores. A partir de hoje, a lógica de IA do Firebase oferece acesso perfeito à API Prompt integrada do Chrome, com suporte do Gemini Nano e modelos menores semelhantes no lado do servidor usando a API Gemini Developer.
5. A assistência de IA no Chrome DevTools oferece suporte ao seu fluxo de trabalho de depuração em estilo, desempenho e muito mais
Com a assistência por IA, é possível conversar com o Gemini para ajudar a depurar erros de estilo no painel "Elementos", resolver problemas de desempenho no painel "Performance", identificar problemas de rede no painel "Rede" e localizar arquivos de origem no painel "Origens". Além disso, a assistência de IA agora pode aplicar as mudanças relacionadas ao estilo diretamente ao código-fonte no painel "Elements".
6. Os dados de usuários reais, os insights do Lighthouse e os recursos de IA no painel de desempenho do Chrome DevTools ajudam a entender e corrigir problemas de desempenho.
Com o painel de desempenho reformulado, agora é possível acessar dados locais e de usuários reais das Principais métricas da Web e pedir ajuda ao Gemini para entender e corrigir problemas de desempenho. A barra lateral de insights mostra insights do Lighthouse nos seus rastros, ajudando você a depurar mais rapidamente, tudo sem sair do seu fluxo de trabalho ou interromper sua produtividade.
7. A disponibilidade dos recursos de referência agora está nas suas ferramentas conhecidas: VS Code, ESLint e muito mais.
Tenha mais precisão e confiança no seu fluxo de trabalho de desenvolvimento da Web com a integração de valores de referência. Nas ferramentas de desenvolvimento da Web que você já conhece, você vai ter uma visibilidade clara da disponibilidade de recursos da Web nos principais navegadores:
- Ambientes de desenvolvimento integrado: o VSCode agora mostra o status de referência dos recursos durante o desenvolvimento. Em breve, o suporte será disponibilizado para o WebStorm da JetBrains e para ambientes de desenvolvimento baseados no VS Code, incluindo o Firebase Studio, o Windsurf, o GitHub Codespaces e muito mais.
- Linters: os linters de CSS e HTML podem avisar proativamente quando você está usando um recurso mais recente do que o destino da meta. O nível de referência é compatível com ESLint para CSS, ESLint para HTML e Stylelint.
- Analytics: o RUMvision combina dados de referência com métricas de usuários reais, permitindo que você selecione estrategicamente a versão de referência ideal para seu público-alvo. Os usuários do Google Analytics podem fazer upload dos dados para o Verificador de referência do Google Analytics e receber recomendações.
- Compiladores: use browserslist-config-baseline para conectar seus destinos de referência às ferramentas de compilação de código, como Babel e PostCSS, para que você possa usar recursos modernos no código-fonte e compilar esses recursos nos builds de produção.
8. Tenha uma visão completa do suporte a recursos da Web com o Painel da plataforma da Web
No ano passado, anunciamos o Painel da plataforma da Web, uma maneira de explorar os dados de recursos da Web que mapeiam toda a plataforma da Web como um conjunto de recursos. Com o conjunto de dados de recursos da Web agora 100% mapeado, pela primeira vez, é possível conferir o status de referência de cada recurso em todos os navegadores, do AVIF às transições de visualização, incluindo disponibilidade e adoção. Fique por dentro das novidades e crie com confiança.
9. Teste para desenvolvedores de uma experiência de login simplificada com o Gerenciador de credenciais
Sabemos que vários métodos de autenticação, incluindo senhas, federação de identidade e chaves de acesso, podem causar problemas para os usuários dos seus sites. Nosso objetivo é oferecer uma experiência de login unificada e fácil para os usuários. Por isso, estamos trazendo a experiência intuitiva do Gerenciador de credenciais do Android para o Chrome. Em breve, quando os usuários clicarem em Fazer login, o Chrome vai mostrar as credenciais disponíveis para esse site, como chaves de acesso e senhas do Gerenciador de senhas do Google, facilitando o login. Também planejamos adicionar a federação de identidade a essa experiência. O Gerenciador de credenciais para a Web está em teste com desenvolvedores. Fique de olho para mais atualizações ainda este ano.
10. Itere nas extensões do Chrome mais rapidamente com a capacidade de cancelar a análise de envio
O envio da sua extensão do Chrome precisa ser simples, sem preocupações e divertido. No entanto, sabemos que uma área de atrito era a incapacidade de corrigir rapidamente um erro em um envio pendente. No início deste ano, lançamos a possibilidade de cancelar um envio pendente, que se baseia na capacidade de reverter uma versão publicada anteriormente. O objetivo é permitir que você faça mudanças e reenvie rapidamente.
Para conferir as informações mais recentes, acesse developer.chrome.com e web.dev para saber mais sobre como estamos criando uma Web poderosa e cada vez mais simples. E não deixe de entrar em contato com a gente no X, YouTube e LinkedIn. Até a próxima I/O!
Deloitte refere-se a uma ou mais empresas da Deloitte Touche Tohmatsu Limited, uma empresa privada do Reino Unido limitada por garantia ("DTTL"), sua rede de empresas associadas e entidades relacionadas. A DTTL e cada uma das empresas associadas são entidades legalmente separadas e independentes. A DTTL (também chamada de "Deloitte Global") não presta serviços a clientes. Nos Estados Unidos, a Deloitte se refere a uma ou mais das empresas membros da DTTL nos EUA, suas entidades relacionadas que operam usando o nome "Deloitte" nos Estados Unidos e suas respectivas afiliadas. Determinados serviços podem não estar disponíveis para atestar clientes de acordo com as regras e regulamentos da contabilidade pública. Acesse www.deloitte.com/about para saber mais sobre nossa rede global de empresas associadas.